html{font-size: 10px;}
html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
  font-family: tahoma, arial, 'Hiragino Sans GB', '宋体', sans-serif;
}
.clear::after {
  clear: both;
  content: "";
  display: table;
}
ul, menu, dir {
  -webkit-padding-start: 0px;
}
a,a:hover,a:link,a:visited{
  text-decoration:none;
  display:inline-block;
}
li{
  list-style: none;
}
//对齐方式
.tl{
  text-align:left;
}
.tc{
  text-align:center;
}
.tr{
  text-align:right;
}
//浮动方式
.fl{
  float:left;
}
.fr{
  float:right;
}
//文字粗细
.fn{
  font-weight:normal;
}
.f200{
  font-weight:200;
}
.f400{
  font-weight:400;
}
.f600{
  font-weight:600;
}
.fb{
  font-weight: bold;
}
//按钮外形
.out-9040{
  display:inline-block;
  width:90%;
  height: 40px;
}
.out-25040{
  display:inline-block;
  width:250px;
  height: 40px;
}
.out-12035{
  display:inline-block;
  width:120px;
  height: 35px;
}
//背景颜色
.bg1{
  background: #f5f5f9;
}
.bg2{
  background: #fff;
}
//字体颜色
.font-1{color:#797979;}
.font-2{color:#ff5e00;}
.font-3{color:#38adff;}

//宽度百分比
.w10{width:10%;}
.w15{width:15%;}
.w20{width:20%;}
.w25{width:25%;}
.w33{width:33%;}
.w50{width:50%;}
.w75{width:75%;}
.w80{width:80%;}
.w85{width:85%;}
.w90{width:90%;}
.w100{width:100%;}
//padding设置
.padding0{  padding:0;  }
.pl10{  padding-left:10px;  }
.pl14{  padding-left:14px;  }
.prl0{  padding-right:10px;  }
.prl4{  padding-right:14px;  }
.pt10{  padding-top:10px;  }
.pb10{  padding-bottom:10px;  }
//margin设置
.m-t-10{
  margin-top:10px;
}
.m-r-10{
  margin-right:10px;
}
.m-l-10{
  margin-left:10px;
}
.m-b-10{
  margin-bottom:10px;
}
//按钮样式
.btn-base{
  width:82px;
  height:36px;
  color:#717171;
  font-size:1.4rem;
  text-align: center;
  padding-top:6px;
  border:1px solid #717171;
  border-radius: 4px;
}
.btn-base{
  width:82px;
  height:36px;
  color:#717171;
  font-size:1.4rem;
  text-align: center;
  padding-top:6px;
  border:1px solid #717171;
  border-radius: 4px;
}
.btn-base:hover,.btn-base.active{
  color:#717171;
}
.btn-orange{
  width:82px;
  height:36px;
  color:#fff;
  font-size:1.4rem;
  text-align: center;
  padding-top:6px;
  border:1px solid #ff6000;
  border-radius: 4px;
  background: #ff6000;
}
.btn-orange:hover,.btn-orange.active{
  color:#fff;
}
.btn-blue{
  width:82px;
  height:36px;
  color:#fff;
  font-size:1.4rem;
  text-align: center;
  padding-top:6px;
  border:1px solid #38adff;
  border-radius: 4px;
  background: #38adff;
}
.btn-blue:hover,.btn-blue.active{
  color:#fff;
}
//上下边框
.border{
  border-top:1px solid #e5e5e5;
  border-bottom:1px solid #e5e5e5;
}
.border-t{
  border-top:1px solid #e5e5e5;
}
.border-b{
  border-bottom:1px solid #e5e5e5;
}
//弹出框定位样式1
.position1{
  position:absolute;
  top:100px;
  left:10%;
  width:80%;
  height:110px;
  text-align: center;
  >div{
    >b{
      display:block;
      font-size:16px;
      margin-top:12px;
    }
    >span{
      display: inline-block;
      padding-top: 5px;
      padding-bottom:12px;
      font-size: 12px;
    }
  }
  .border-r{
    border-right:1px solid #dbdbdf;
  }
  >.div-a{
    float:left;
    display: inline-block;
    width:50%;
    border-top:1px solid #dbdbdf;
    >a{
      padding-top:10px;
      padding-bottom:8px;
      color:#007aff;
      font-size:14px;
      width:100%;
      height:100%;
    }
  }
}